<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>

		<title>首页</title>
		<th:block th:include="common/head::head"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/index.min.css}">
		<script th:src="@{/js/index.min.js}" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="w">

			<div th:replace="common/top::top"></div>

			<h1 th:if="${goodsName}"  style="color: red;position: absolute;z-index: 999;top: 160px;left: 556px;font-size: xx-large">
				<th:block th:text="|喜讯 (*~▽~*)o ！！就在刚刚，“${session.user.uname}”用户将“${goodsName}”加入购物车中~~|"></th:block>
			</h1>

			<div class="body-middle">
				<div class="slider">
					<ul class="slider-main">
						<li class="slider-panel">
							<a href="javascript:;"><img alt="软件工程1班24李国豪" title="软件工程1班24李国豪" th:src="@{/img/big/big07.jpg}"></a>
						</li>
						<li class="slider-panel">
							<a href="javascript:;"><img alt="软件工程1班24李国豪" title="软件工程1班24李国豪" th:src="@{/img/big/big15.jpg}"></a>
						</li>
						<li class="slider-panel">
							<a href="javascript:;"><img alt="软件工程1班24李国豪" title="软件工程1班24李国豪" th:src="@{/img/big/big10.jpg}"></a>
						</li>
						<li class="slider-panel">
							<a href="javascript:;"><img alt="软件工程1班24李国豪" title="软件工程1班24李国豪" th:src="@{/img/big/big03.jpg}"></a>
						</li>
					</ul>
					<div class="slider-extra">
						<ul class="slider-nav">
							<li class="slider-item"><a href="javascript:;"></a></li>
							<li class="slider-item"><a href="javascript:;"></a></li>
							<li class="slider-item"><a href="javascript:;"></a></li>
							<li class="slider-item"><a href="javascript:;"></a></li>
						</ul>
						<div id="slider-jiantou">
							<a href="#" class="jtleft"></a>
							<a href="#" class="jtright"></a>
						</div>
					</div>
				</div>
				<div class="body-wrapper clearfix">
					<div class="body w clearfix">
						<div class="wonderful">
							<h5 id="lyjd">旅 游 景 点</h5>
						</div>
						<div class="left-news clearfix">
							<ul>
								<li>
									<div class="outer">
										<div class="img-wrapper">
											<img th:src="@{/img/taohua.jpg}" alt="" id="mj">
										</div>
										<div class="info">
											<h2 class="title">
												樱花大道
											</h2>
											<h3 class="category">
												<i class="fas fa-map-marker-alt"></i><a>浪漫大道</a>
											</h3>
											<p class="intro">
												浪漫大道是一条近400公里的结合了美好景色和历史景观的丝带,风景秀美的山谷,蜿蜒流淌的小溪河流,远眺是绵延不断的极佳风光,在这里时间仿佛静止了一般。
											</p>
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<button type="button" class="cart-css">
												<a th:href="@{/cart/CartAdd.do(pid=1)}">
													<br>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;添加到购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<br>
													<br>
												</a>
											</button>
										</div>
									</div>
								</li>

								<li>
									<div class="outer">
										<div class="img-wrapper">
											<img th:src="@{/img/big01_副本.jpg}" id="st">
										</div>
										<div class="info">
											<h2 class="title">
												校园景色
											</h2>
											<h3 class="category">
												<i class="fas fa-map-marker-alt"></i>炸鸡翅
											</h3>
											<p class="intro">
												炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅炸鸡翅
											</p>
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<button type="button" class="cart-css">
												<a th:href="@{/cart/CartAdd.do(pid=2)}">
												<br>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;添加到购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<br>
													<br>
												</a>
											</button>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="right-news clearfix">
							<ul>
								<li>
									<div class="outer">
										<div class="img-wrapper">
											<img th:src="@{/img/index.jpg}" alt="" id="xx">
										</div>
										<div class="info">
											<h2 class="title">
												纷飞秋景
											</h2>
											<h3 class="category">
												<i class="fas fa-map-marker-alt"></i>殷殷艳艳
											</h3>
											<p class="intro">
												彩叶纷飞 秋景可赏 秋游其乐无穷 进入秋末,天气不算太冷,既有彩叶纷飞的秋景可赏,又逐渐到了泡温泉的季节,正适合带父母乘坐高铁休闲观光。
											</p>
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<button type="button" class="cart-css">
											<a th:href="@{/cart/CartAdd.do(pid=3)}">
											<br>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;添加到购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<br>
													<br>
												</a>
											</button>
										</div>
									</div>
								</li>
								<li>
									<div class="outer">
										<div class="img-wrapper">
											<img th:src="@{/img/timg1.jpg}" alt="" id="yd">
										</div>
										<div class="info">
											<h2 class="title">
												纷春之舞
											</h2>
											<h3 class="category">
												<i class="fas fa-map-marker-alt"></i>炸薯条
											</h3>
											<p class="intro">
												饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了饿了
											</p>
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<button type="button" class="cart-css">
												<a th:href="@{/cart/CartAdd.do(pid=4)}">
												<br>
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;添加到购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<br>
													<br>
												</a>
											</button>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<th:block th:replace="common/end::end"/>

	</body>
</html>
